<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>nsl.is</title>
    <link rel="shortcut icon" href="style/images/favicon.ico">
    <link rel="icon" type="image/gif" href="style/images/animated_favicon1.gif">
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
    <meta http-equiv="X-UA-Compatible" content="IE=9,IE=8">
    <link rel="stylesheet" href="style/style.css" type="text/css" />
    <link rel="stylesheet" href="style/cbdb-search-form.css" type="text/css" />
    <script type="text/javascript" src="js/pinterest.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
    <script type="text/javascript"></script>
    <script>function fbs_click(buttoneName) {var linkHolder = document.getElementById("output");var u = linkHolder.getAttribute("href"); t=document.title; if(buttoneName=='facebook'){window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}else if(buttoneName=='twitter'){window.open('https://twitter.com/intent/tweet?original_referer='+document.title+'&url='+encodeURIComponent(u),'','toolbar=0,status=0,width=626,height=436')}else if (buttoneName == 'linkedin') {
        window.open('http://www.linkedin.com/shareArticle?mini=true&url='+ encodeURIComponent(u) +'&title='+u+'&source='+ t, '', 'toolbar=0,status=0,width=626,height=436')
    }else if(buttoneName=='pinterest'){window.open('http://pinterest.com/pin/create/button/?url='+encodeURIComponent(u)+'&media=&description='+u, '', 'toolbar=0,status=0,width=626,height=436')        }else if(buttoneName=='xing'){
        window.open('https://www.xing-share.com/social_plugins/share?url='+encodeURIComponent(u)+'&amp;wtmc='+u+';&amp;sc_p=xing-share', '', 'toolbar=0,status=0,width=626,height=436')}
    else if(buttoneName=='stumbleupon'){window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(u), '', 'toolbar=0,status=0,width=800,height=600')}}
    </script>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="XING/Share" data-counter="no_count" data-lang="en" data-button-shape="square"></script>
    <script>
        ;(function(d, s) {
            var x = d.createElement(s),
                    s = d.getElementsByTagName(s)[0];
            x.src ='js/xing.js';
            s.parentNode.insertBefore(x, s);
        })(document, 'script');
    </script>
    <script type="text/javascript">
        window.onload = (function(){
            try{
                $("#shorten_form").submit(function(event) {
                    event.preventDefault();
                    var $form = $( this),
                            url = $form.attr( 'action' );
                    $.post( url, $form.serialize().replace(/&/g,'%26'),
                            function( data ) {
                                var response = jQuery.parseJSON(data);
                                $('#inputForm').fadeOut('slow',function(){
                                    $("#outputForm").slideDown('slow');

                                    $('#outputForm').fadeIn('slow');
                                    $('#share').fadeIn(800);
                                    $('#outLink').empty().append("<a id='output' class='shortLink' href='"+response.link+"'>"+response.link+"</a>");
                                    //$('#outLink').append("<script type='text/javascript' src='" + "http://w.sharethis.com/button/buttons.js"+"' />");
                                    //$('#outLink').append("<script type='text/javascript'>" +  "stLight.options({publisher: 'ur-275af1ff-1afe-b297-9c61-69b1d0c395e',shorten:false});" + "<//script>");

                                    $('span','#outputForm').attr('st_url',response.link);
                                });
                            }
                    );
                });
                /**$("#newLinkButton").onclick(function() {
                                alert("blabla");
                                $('#outputForm').hide();
                                $('#inputForm').show();
                                $('#urlBox').clear();
                            });**/
            }catch(e){}});

        function createNewLinkFunc(){
            $('#outputForm').hide();
            $('#inputForm').show();
            $('#urlBox').val("");
        }
    </script>
</head>
<body>
<div id="shareLinks" style="display: none">

</div>
<div id="content">
    <div id="header">
        <!--<p id="top_info">Browse <a href="#">Today's favorites</a> or <a href="#">All time favorites</a>.<br />Please <a href="#">Log in</a> to share and download files.</p>-->

        <div id="logo">
            <h1><a href="/" title="nsl.is">n<span class="title">ew</span> s<span class="title">hort</span> l<span class="title">ink</span></a></h1>
            <p>where do you go today?</p>
        </div>
    </div>

    <div id="tabs">

        <div id="search">
            <form method="post" action="create.php" id="shorten_form">
                <div id="inputForm">
                    <input id="urlBox" type="text" name="url" class="search" />
                    <input type="submit" value="Make It!" class="button" />
                </div>
                <div id="outputForm" style="display: none; padding:1px 2px  0 0;text-align: left" >
                    <div id="outLink" style="padding-left: 10px" ></div>
                    <div><input type="submit" value="Create!" class="button" /></div>
                </div>

                <div id="share" style="display: none">
                    <img  id="linkedin" src="style/images/linkedin32.png" class="button" onclick="fbs_click('linkedin')" />
                    <img  id="pinterest" src="style/images/pinterest32.png" class="button" onclick="fbs_click('pinterest')" />
                    <img  id="twitter"  src="style/images/twitter32.png" class="button" onclick="fbs_click('twitter')" />
                    <img  id="facebook" src="style/images/facebook32.png" class="button" onclick="fbs_click('facebook')" />
                    <img  id="stumbleupon" src="style/images/stumbleupon32.png" class="button" onclick="fbs_click('stumbleupon')" />
                    <img  id="xing" src="style/images/xing32.png" class="button" onclick="fbs_click('xing')" />
                </div>
            </form>
        </div>
    </div>


    <div class="gboxtop"></div>
    <div class="gbox">
        <p><a href="#">nsl.is</a> is a service to create short URLs where you can see the relative access statistics. The short URLs created with <a href="#">nsl.is</a> make it easier to share on Twitter, Facebook and other social networks.
        </p>
    </div>
    <table>
        <tr>
            <td width="350px">
                <div class="boxtop"></div>
                <div class="box">
                    <p><img src="style/images/save.png" alt="Image" title="Image" class="image" /><b>Organize your links</b><br />Bundle links privately or publicly around a theme. Invite collaborators.<br /></p>
                </div>
            </td>
            <td width="350px">
                <div class="boxtop"></div>
                <div class="box">
                    <p><img src="style/images/count.png" alt="Image" title="Image" class="image" /><b>Count your clicks</b><br />See how popular your shared links become. <br /></p>
                </div>
            </td>
            <td >
                <div class="boxtop"></div>
                <div class="box">
                    <p><img src="style/images/share.png" alt="Image" title="Image" class="image" /><b>One-stop sharing</b><br />A single way to share your links across Facebook, Twitter, and email. <br /></p>
                </div>
            </td>
        </tr>
    </table>
    <!--
    <div class="left">
        <div class="left_articles">
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
            <div class="calendar"><p>NOV<br />13th</p></div>
            <h2><a href="#">The Future of P2P Networks</a></h2>
            <p class="description">People like to share files, but what will the future bring?</p>
            <p><img src="images/thumb.jpg" class="thumbnail" alt="thumbnail" /><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui.</p>
        </div>

        <div class="thirds">
            <div class="smallboxtop"></div>
            <div class="smallbox">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
        </div>

        <div class="thirds">
            <div class="smallboxtop"></div>
            <div class="smallbox">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
        </div>

        <div class="thirds">
            <div class="smallboxtop"></div>
            <div class="smallbox">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
        </div>
    </div>

    <div id="right">
        <div class="boxtop"></div>
        <div class="box">
            <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
        </div>

        <div class="boxtop"></div>
        <div class="box">
            <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
        </div>
    </div>
    <div class="footer">
        <p><a href="#">RSS Feed</a> &middot; <a href="#">Most Popular</a> &middot; <a href="#">Today's Favorites</a> &middot; <a href="#">All Time Favorites</a> &middot; <a href="#">Sharing Policy</a> &middot; <a href="http://www.phoorum.com" title="Phoorum">Phoorum</a> &middot; <a href="http://www.ni5ni6.com">Ni5Ni6</a> &middot; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
            &copy; Copyright 2006 Internet Sharing, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a></p>
    </div>
    -->
</div>
</body>
</html>